<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>相对路径_绝对路径</title>
</head>
<body>
  <!--相对路径 ./表示当前路径位置  /表示下一级目录 ../表示下一级目录-->
  <img src="./怪兽.jpg">
  <img src="./a/灰太狼.jpg">
  <img src="./a/b/喜羊羊.jpg">
  <img src="../奥特曼.jpg">
  <!--注意:相对路径比较依赖当前文件的位置，一旦当前文件的位置改了，相对路径也要改。./当前位置这个符号可以省略-->


  <!--绝对路径:绝对路径分为两种,一种是本地绝对路径，另一种是网络绝对路径-->
  <!--换了一个设备改图片还要重新复制一份，不建议使用-->
  <!--本地绝对路径-->
  <img src="E:/demo1/demo2/小姐姐.webp">
  <!--网络绝对路径-->
  <!--注意:网络绝对路径打开一定要是一个纯图片-->
  <img src="https://ww3.sinaimg.cn/mw690/5ec168d3ly1hzf9b6jdd5j21401hcn41.jpg">
</body>
</html>